<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>女友模拟器</title>

    <%-- 静态包含 base标签、css样式、jQuery文件 --%>
    <%@ include file="/pages/common/head.jsp"%>


</head>
<body>

<div id="header">
    <img class="logo_img" alt="" src="static/img/1.gif" >
    <span class="wel_word" style="color: aquamarine">选择你心仪的对象</span>
</div>

<div id="main">
    <div id="book">
        <div class="book_cond">
        </div>
        <div style="text-align: center">
            <div>
                您刚刚选择了<span style="color: red">矬帅</span>了
            </div>
        </div>
            <%-- 第一个 --%>
            <div class="b_list">
                <div class="img_div">
                    <img class="book_img" alt="" src="static/img/girlfriend/qbhn.png" />
                </div>
                <div class="book_info">
                    <div class="book_name">
                        <span class="sp1">姓名:</span>
                        <span class="sp2">桥本环奈</span>
                    </div>
                    <div class="book_author">
                        <span class="sp1">年龄:</span>
                        <span class="sp2">22</span>
                    </div>
                    <div class="book_price">
                        <span class="sp1">身高:</span>
                        <span class="sp2">152cm</span>
                    </div>
                    <div class="book_sales">
                        <span class="sp1">体重:</span>
                        <span class="sp2">保密</span>
                    </div>
                    <div class="book_amount">
                        <span class="sp1">三围:</span>
                        <span class="sp2">保密</span>
                    </div>
                    <div class="book_add">
                        <button id="qbhn">pick</button>
                    </div>
                </div>
            </div>

        <%-- 第二个 --%>
        <div class="b_list">
            <div class="img_div">
                <img class="book_img" alt="" src="static/img/girlfriend/sylm.png" />
            </div>
            <div class="book_info">
                <div class="book_name">
                    <span class="sp1">姓名:</span>
                    <span class="sp2">石原里美</span>
                </div>
                <div class="book_author">
                    <span class="sp1">年龄:</span>
                    <span class="sp2">32</span>
                </div>
                <div class="book_price">
                    <span class="sp1">身高:</span>
                    <span class="sp2">157cm</span>
                </div>
                <div class="book_sales">
                    <span class="sp1">体重:</span>
                    <span class="sp2">保密</span>
                </div>
                <div class="book_amount">
                    <span class="sp1">三围:</span>
                    <span class="sp2">保密</span>
                </div>
                <div class="book_add">
                    <button id="sylm">pick</button>
                </div>
            </div>
        </div>

        <%-- 第三个 --%>
        <div class="b_list">
            <div class="img_div">
                <img class="book_img" alt="" src="static/img/girlfriend/cs.jpg" />
            </div>
            <div class="book_info">
                <div class="book_name">
                    <span class="sp1">姓名:</span>
                    <span class="sp2">矬帅</span>
                </div>
                <div class="book_author">
                    <span class="sp1">年龄:</span>
                    <span class="sp2">22</span>
                </div>
                <div class="book_price">
                    <span class="sp1">身高:</span>
                    <span class="sp2">123cm</span>
                </div>
                <div class="book_sales">
                    <span class="sp1">体重:</span>
                    <span class="sp2">100kg</span>
                </div>
                <div class="book_amount">
                    <span class="sp1">三围:</span>
                    <span class="sp2">99 99 99</span>
                </div>
                <div class="book_add">
                    <button id="cs">pick</button>
                </div>
            </div>
        </div>

        <%-- 第四个 --%>
        <div class="b_list">
            <div class="img_div">
                <img class="book_img" alt="" src="static/img/girlfriend/wj.png" />
            </div>
            <div class="book_info">
                <div class="book_name">
                    <span class="sp1">姓名:</span>
                    <span class="sp2">吴京</span>
                </div>
                <div class="book_author">
                    <span class="sp1">年龄:</span>
                    <span class="sp2">48</span>
                </div>
                <div class="book_price">
                    <span class="sp1">身高:</span>
                    <span class="sp2">175cm</span>
                </div>
                <div class="book_sales">
                    <span class="sp1">体重:</span>
                    <span class="sp2">中国人都知道</span>
                </div>
                <div class="book_amount">
                    <span class="sp1">三围:</span>
                    <span class="sp2">中国人都知道</span>
                </div>
                <div class="book_add">
                    <button id="wj">pick</button>
                </div>
            </div>
        </div>



    </div>
    <span><button id="allWant">我全都要</button></span>

<%--    &lt;%&ndash;静态导入分页条&ndash;%&gt;--%>
<%--    <%@include file="/pages/common/page_nav.jsp"%>--%>

</div>

<script TYPE="text/javascript">
    $(function () {
    //   点击事件  ----“我全都要”
        $("#allWant").click(function () {
            alert("你寄吧谁？")
        })

        //   点击事件  ----“pick桥本坏奈”
        $("#qbhn").click(function () {
            alert("桥本环奈：\"哪里来的臭屌丝？你也配？\"")
        })

        //   点击事件  ----“pick石原里美”
        $("#sylm").click(function () {
            alert("石原里美：\"普信男真下头！\"")
        })

        //   点击事件  ----“pick矬帅”
        $("#cs").click(function () {
            alert("矬帅：\"我把把几超神，带你飞！\"");
            location.href = "http://localhost:8080/book/";
        })

        //   点击事件  ----“pick矬帅”
        $("#wj").click(function () {
            alert("吴京：\"你是中国人吗？贱不贱呐！\"");

        })



    })
</script>
<%--静态包含页脚内容--%>
<%@include file="/pages/common/footer.jsp"%>

</body>
</html>